{% extends "base.html" %}
  {% block content %}
    {% from "forms/macros.html" import render_field_busqueda %}
    <SCRIPT LANGUAGE="JavaScript">
	
		url = "/usuario/modificar/ID/"
		url2 = "/usuario/desactivar/ID/"
		url3 = "/usuario/consultar/ID/"
		url4 = "/usuario/activar/ID/"
		
		id_href = 'mod'
		id_href2 = 'des'
		id_href3 = 'con'
		id_href4 = 'act'
 
		function obtener_id(id) {
        	link = document.getElementById(id_href)
        	link2 = document.getElementById(id_href2)
        	link3 = document.getElementById(id_href3)
        	link4 = document.getElementById(id_href4)
        	new_url = url.replace('ID', id)
        	new_url2 = url2.replace('ID', id)
        	new_url3 = url3.replace('ID', id)
        	new_url4 = url4.replace('ID', id)
        	link.href = new_url
        	link2.href = new_url2
        	link3.href = new_url3
        	link4.href = new_url4
        
		}
		
		function pregunta(){
    		if(confirm('Esta seguro de que desea desactivar el usuario?')){
    			return true;
    		}else{
    			return false;
    		}
    	}
    	
    	function pregunta_activar(){
    		if(confirm('Esta seguro de que desea activar el usuario?')){
    			return true;
    		}else{
    			return false;
    		}
    	}
		
	</SCRIPT>
    <h2><center> Administración de Usuarios </center> </h2>
    <form method="POST" action={{ url_for('usuarios.administracion_usuario') }} class="form"><center>
   		{{ form.csrf_token }} 	
   	 <div style="overflow:auto; width: 770px; height: 550px;" > 
   		
   	 <table> 
     	 <tr >
     	 	 <th></th>
  			 <th><label>Filtros</label></th>
     		 <th>{{ render_field_busqueda(form.nombre, class="input text") }}</th>
     		 <th>{{ render_field_busqueda(form.email, class="input text") }}</th>
     		 <th>{{ render_field_busqueda(form.estado, class="input text") }}</th>
      	</tr >  			
  		<tr >
  			<th></th>
  			<th><center> ID </center></th>
      		<th><center> NOMBRE </center> </td>
      		<th><center> EMAIL </center></th>
      		<th><center> ESTADO </center></th>
      	</tr >  		
		{% for usuario in usuarios %}			
   				<tr >
   				  <th><input type = "radio" name = "seleccionado" id="select" onchange="obtener_id({{usuario.id}})"></th>
      			  <td> <center>{{ usuario.id }} </center></td>
      			  <td> <center>{{ usuario.nombre }} <center></td>
      			  <td> <center>{{ usuario.email}} <center></td>
      			  <td> <center>{{ usuario.estado}} <center></td>
   				</tr>  		 	
		{% endfor %}				
		
	</table>     	
	</div>
	</br> 
    <div class="buttons">
                <button type="submit" class="button green">
                Buscar
                </button>
        <button type="submit" class="button green">
                <a href="{{ url_for('usuarios.crear_usuario') }}">Crear</a>
        </button>
        <button type="submit" class="button green">
                <a href="" id="mod">Modificar</a>
        </button>
        <button type="submit" class="button green">
                <a href="" id="con">Consultar</a>
        </button>
        <button type="submit" class="button green" onclick =  "return pregunta_activar()">
                <a href="" id="act">Activar</a>
        </button>
        <button type="submit" class="button green" onclick =  "return pregunta()">
                <a href="" id="des">Desactivar</a>
        </button>
        
       
        </div>  
        
    </center></form>    
  {% endblock %}